<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>会计系统-科目菜单</title>
<link rel="icon" href="favicon.ico" type="image/ico">
<meta name="keywords" content="会计系统-科目菜单">
<meta name="description" content="会计系统-科目菜单">
<meta name="author" content="yinqi">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/materialdesignicons.min.css" rel="stylesheet">
<link href="css/style.min.css" rel="stylesheet">
</head>
  <style>
    .col-lg-12{
      margin: auto;
    top: 17px;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    }
    .btn-danger1{
      width: 100px; 
      height: 38px;
    }
  </style>
<body >
<div class="lyear-layout-web" id="app" >
  <div class="lyear-layout-container">
    <!--左侧导航-->

    <!--End 左侧导航-->
    
    <!--头部信息-->
 
    <!--End 头部信息-->
  
    <!--页面主要内容-->
    <main  >
      <div class="container-fluid" >
        <div class="row">
          <div class="col-lg-12" v-loading="loading" element-loading-text="拼命加载中">
            <div class="card">
              <div class="card-toolbar clearfix">
                <div >
                  <h3 align="center">科目管理</h3>
                  <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
                    <el-menu-item index="1" ><a @click="go('subjects_assets.html')">资产</a></el-menu-item>
                    <el-menu-item index="2" ><a @click="go('subjects_liabilities.html')">负债</a></el-menu-item>
                    <el-menu-item index="3" ><a @click="go('subjects_interests.html')">权益</a></el-menu-item>
                    <el-menu-item index="4"><a @click="go('subjects_cost.html')">成本</a></el-menu-item>
                    <el-menu-item index="5"><a @click="go('subjects_profit.html')">损益</a></el-menu-item>
                  </el-menu>
                </div>
              </div>
              
              <div class="card-body1" >
                  <iframe style="width: 100%; height: 100%; border:0px;" name="right" id="right" src="subjects_assets.html"></iframe>  
              </div>
            </div>
          </div>
          
        </div>
        
      </div>
      
    </main>
    <!--End 页面主要内容-->
  </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/vue/2.6.9/vue.min.js"></script>
<script src="https://cdn.bootcss.com/axios/0.19.0/axios.min.js"></script>

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<script>

  new Vue({
    el:"#app",
  data:{
    activeIndex: '1',
    activeIndex2: '1',
    list:[],
    role:[],
    user:[],
    log:[],
    param:[],
    organ:[],
    loading: false,
  },
  created () {
    this.getlist();
  },
  methods: {
    handleSelect(key, keyPath) {
        console.log(key, keyPath);
      },
    go(path){
      $("iframe").attr("src",path);
    },
    getlist(){
      this.loading = true;
      setTimeout(() => {
      this.loading = false;

      }, 2000);
    },
  
  }
  })
</script>
</body>
</html>